// @import '../../vars.scss';
$cmain: #ff4a4d;//颜色
$cbg: #f5f5f5;
$cwhite: #fff;
$cdef: #333;
$cgray: #888;
$cplaceholder: #999;
$cprice: #FF2222;
$cborder: #d9d9d9;
$cdisabled: #e5e5e5;

$size: 20px;

page{height: 100%;background-color: $cbg;color: $cdef;font-size: 28px;}
.swiper,.swiper .slide-image{width: 750px;height: 300px;}
image {vertical-align: top;}

/* weui */
.weui-cells-none::after,.weui-cells-none::before{width: 0;}
.weui-cells-title .weui-cell:first-child+.weui-cell::before{left: 0;}
.weui-cell-left.weui-cell::before{left: 0;}
.weui-cell-none::before{width: 0}
.weui-btn[type="main"]{background-color: #1d86f1;color: #fff;}
.weui-btn[type=main][plain] {color:#1d86f1;border:2px solid #1d86f1;background-color:transparent;}
.weui-btn[type=main][plain][disabled]{color:#ccc;border:2px solid #ddd;}
.fb-btn-area{position:fixed; bottom: 350px; left:0; width:100%;}
// .weui-btn[type=blue][plain] {color:#409eff;border:1px solid #409eff;background-color:transparent;}
// .weui-btn[type="mainsub"]{background-color: #FF4C4F;color: #fff;}
// .weui-btn[type="trans"]{background-color: transparent;color: #fff;border-color: #fff;}
// .weui-btn[type="main"]{background-color: #FF4C4F;color: #fff;}
// .weui-btn[type=main][plain] {color:#FF4C4F;border:1px solid #FF4C4F;background-color:transparent;}
// .weui-btn[type=main][plain][disabled]{color:#ccc;border:1px solid #ddd;}
.weui-btn[disabled]{background-color: #e5e5e5;}
.weui-btn[disabled]::after{border-color: #e5e5e5;}

.ellipsis{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.clamp {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*删除  */
.line-through{text-decoration:line-through;}
/* 字号  */
.text-num{font-size: $size + 22;}
.text-large{font-size: $size + 16;}
.text-big{font-size: $size + 12;}
.text-default{font-size: $size + 8;}
.text-small{font-size: $size + 4;}
.text-little{font-size: $size;}
/*文本颜色  */
.text-def{color: $cdef;}/*默认*/
.text-main{color: $cmain;}/*主色-蓝*/
.text-price{color:$cprice;}
.text-gray{color: $cgray}
.text-white{color: $cwhite}
.text-placeholder{color: $cplaceholder}
/*背景颜色  */
.bg-white{background-color: $cwhite;}
/*  */
.al{text-align: left}
.ac{text-align: center}
.ar{text-align: right}
.none{display: none;}

.mt20,.mtb20,.m20{margin-top: 20px;}
.mb20,.mtb20,.m20{margin-bottom: 20px;}
.ml20,.mlr20,.m20{margin-left: 20px;}
.mr20,.mlr20,.m20{margin-right: 20px;}

.mt10,.mtb10,.m10{margin-top: 10px;}
.mb10,.mtb10,.m10{margin-bottom: 10px;}
.ml10,.mlr10,.m10{margin-left: 10px;}
.mr10,.mlr10,.m10{margin-right: 10px;}

.mt0,.mtb0,.m0{margin-top: 0px;}
.mb0,.mtb0,.m0{margin-bottom: 0px;}
.ml0,.mlr0,.m0{margin-left: 0px;}
.mr0,.mlr0,.m0{margin-right: 0px;}

.pt20,.ptb20,.p20{padding-top: 20px;}
.pb20,.ptb20,.p20{padding-bottom: 20px;}
.pl20,.plr20,.p20{padding-left: 20px;}
.pr20,.plr20,.p20{padding-right: 20px;}

.pt10,.ptb10,.p10{padding-top: 10px;}
.pb10,.ptb10,.p10{padding-bottom: 10px;}
.pl10,.plr10,.p10{padding-left: 10px;}
.pr10,.plr10,.p10{padding-right: 10px;}

.pt0,.ptb0,.p0{padding-top: 0px;}
.pb0,.ptb0,.p0{padding-bottom: 0px;}
.pl0,.plr0,.p0{padding-left: 0px;}
.pr0,.plr0,.p0{padding-right: 0px;}
